@charset "utf-8";
/* CSS Document */
html,body,div,span,h1,h2,h3,p,a,address,cite,code,del,dfn,em,img,small,strong,i,center,dl,dt,dd,ol,ul,li,table,tbody,tfoot, thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background:transparent;}
ol,ul{list-style:none;}
:focus {outline: 0;}
body,html{height:100%;}
a{color:#fff;text-decoration:none;-webkit-tap-highlight-color:rgba(162,162,162,0.5);}

*{
  margin: 0px;
  padding: 0px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box; 
  -webkit-tap-highlight-color: rgba(0,0,0,0.5);
  line-height: 1;
}

html{font-size: 62.5%;}/*10px*/

html,body{
	overflow: hidden;
	position: relative;
    width: 100%;
    height: 100%;
}
.invite-background{
	position: absolute;
	bottom: -70px;
	z-index: -1;
	width: 100%;
}
header{
	margin-top: 12px;
    width: 100%;
    text-align: center;
    color: #666666;
    font-size: 12px;

}
header img{margin-right: 4px;height: 12px;vertical-align: text-bottom;}
header span{ color: #f7744a;}
.portrait{margin-top: 12px;text-align: center;}
.portrait img{
	height: 50px;
	border: 1px solid transparent;
	border-radius: 25px;	
}
.invite-tip{
	margin-top: 8px;
	width: 100%;
	text-align: center;
	color: #999999;
	font-size: 17px;
}
.invite-tip span{
	color: #f7744a;
}
.invite-num{
	position: absolute;
	padding: 16px 0;
	left: 50%;
	bottom: 100px;
	margin-left: -90px;
	width: 180px;
	text-align: center;
	color: #3e3532;
	font-size: 19px;
	border: 1px solid #cfcfcf;
	border-radius: 6px;
	background: #fffbfa;
}
.invite-num span{
	color: #f7744a;
	font-weight: bold;
	letter-spacing: 2px;
}
footer img{
	position: fixed;
	width: 100%;
	bottom: 0;
}
footer a{
	position: fixed;
	padding: 8px 12px;
	color: #fff;
	font-size: 16px;
	bottom: 14px;
	right: 8px;
	background: #f7744a;
	border: 1px solid transparent;
    border-radius: 5px;
}
